<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="father">
        <h1>第一个子标签</h1>
        <h1 id="second">第二个子标签</h1>
        <h1>第三个子标签</h1>
    </div>
    <script>
        const fatherEle = document.querySelector('#father');
        const secondEle = document.querySelector('#second');

        console.log(secondEle.previousElementSibling); // 获取前一个兄弟标签
        console.log(secondEle.nextElementSibling); // 获取后一个兄弟标签

        console.log(secondEle.parentElement);  // 获取最近的一个父标签

        console.log(fatherEle.firstElementChild); // 获取第一个子标签
        console.log(fatherEle.lastElementChild); // 获取最后一个子标签
        console.log(fatherEle.children); // 获取所有子标签
    </script>
</body>

</html>